<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,aItemress=no">
    <title>息费抵扣</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.2.0.css" />
    <link rel="stylesheet" type="text/css" href="../css/dm-common.css" />
    <link rel="stylesheet" type="text/css" href="../css/dm-deduction.css" />
    <link rel="stylesheet" href="../css/style.css">
</head>

<body>
    <div class="dm-deduction-header">
        <header class="aui-bar aui-bar-nav dmc-header">
            <a class="aui-pull-left  aui-btn" href="javascript:history.go(-1)">
                <span class="aui-iconfont aui-icon-left"></span>
            </a>
            <div class="aui-title">息费抵扣</div>
        </header>
    </div>

    <div class="aui-tab aui-border-b dm-deduction-tab" id="tab">
        <div class="aui-tab-item aui-border-r aui-active" id="dk">息费抵扣</div>
        <div class="aui-tab-item aui-border-r" id="blacklist">黑名单检测</div>
        <div class="aui-tab-item" id="jifen">积分兑换</div>
    </div>

    <div class="dm-deduction-dk" id="dk-content">
        <div class="huodong">
            <div class="title">息费抵扣树袋熊专场</div>
            <div class="sub-title">已为2340位用户提供服务</div>
            <div class=" aui-btn dmc-btn btn">立即参与</div>
            <div class="b-content">
                <span class="part-left">名额有限1000人</span>
                <span class="part-right">距下次活动开始还有<i>0:39:42</i></span>
            </div>
            <div class="hot">火爆进行中</div>
        </div>
        <div class="huodong">
            <div class="title">息费抵扣树袋熊专场</div>
            <div class="sub-title">已为2340位用户提供服务</div>
            <div class=" aui-btn dmc-btn btn">立即参与</div>
            <div class="b-content">
                <span class="part-left">名额有限1000人</span>
                <span class="part-right">距下次活动开始还有<i>0:39:42</i></span>
            </div>
            <!-- <div class="hot">火爆进行中</div> -->
        </div>
        <div class="huodong">
            <div class="title">息费抵扣树袋熊专场</div>
            <div class="sub-title">已为2340位用户提供服务</div>
            <div class=" aui-btn dmc-btn btn">立即参与</div>
            <div class="b-content">
                <span class="part-left">名额有限1000人</span>
                <span class="part-right">距下次活动开始还有<i>0:39:42</i></span>
            </div>
            <div class="hot">火爆进行中</div>
        </div>
        <div class="huodong">
            <div class="title">息费抵扣树袋熊专场</div>
            <div class="sub-title">已为2340位用户提供服务</div>
            <div class=" aui-btn dmc-btn btn">立即参与</div>
            <div class="b-content">
                <span class="part-left">名额有限1000人</span>
                <span class="part-right">距下次活动开始还有<i>0:39:42</i></span>
            </div>
            <!-- <div class="hot">火爆进行中</div> -->
        </div>
    </div>

    <div class="dm-deduction-blacklist" id="blacklist-content" style="display:none">
        <div class="content">
            <div class="title">黑名单检测</div>
            <div class="sub-title">已为2340位用户提供服务</div>
            <div class=" aui-btn dmc-btn btn">（免费查）</div>
            <div class=" aui-btn dmc-btn btn">立即检测（10元/次）</div>
            <div class="b-content">99%的检测后维护个人信息都再次借到了钱</div>
            <div class="check-rec">检测记录</div>
        </div>
    </div>

    <div class="dm-deduction-jifen" id="jifen-content" style="display:none">
        <div class="non-menber">
            <div class="title">VIP专享积分</div>
            <div class="sub-title">尊敬的<i>8890</i>客户</div>
            <div class="sub-title">您还未开通尊享会员不能享受会员积分服务</div>
            <div class=" aui-btn dmc-btn btn">成为尊享会员</div>
            <div class="tips">积分可以抵换现金，越活越，得到的积分越多，获得现金奖励越多！</div>
        </div>
        <div class="non-menber menber">
            <div class="title">VIP专享积分</div>
            <div class="sub-title">尊敬的<i>8890</i>客户</div>
            <div class="sub-title">您目前的积分&nbsp;&nbsp;<i>999999</i></div>
            <div class=" aui-btn dmc-btn btn">积分兑换</div>
            <div class="tips">积分规则&nbsp;&nbsp;<i class="aui-iconfont aui-icon-down"></i></div>
            <div class="detail aui-border-t">
                <div class="detail-1"><b>积分获得</b>：贷款机构点击、信用卡申请、会员充值、黑名单检测</div>
                <div class="detail-2"><b>积分换购</b>：抵息、抵逾期费、抵服务费</div>
            </div>

        </div>
    </div>

    <footer class="aui-bar aui-bar-tab dmc-footer" id="footer">
        <div class="aui-bar-tab-item" tapmode="" onclick="gotopage(this)" data-item-order="0">
            <i class="aui-iconfont aui-icon-home"></i>
            <div class="aui-bar-tab-label home-footer-f">首页</div>
        </div>
        <div class="aui-bar-tab-item" tapmode="" onclick="gotopage(this)" data-item-order="1">
            <i class="aui-iconfont icon-dkw_"></i>
            <div class="aui-bar-tab-label home-footer-f">贷款大全</div>
        </div>
        <div class="aui-bar-tab-item aui-active" tapmode="" onclick="gotopage(this)" data-item-order="2">
            <i class="aui-iconfont icon-uniE904"></i>
            <div class="aui-bar-tab-label home-footer-f">息费抵扣</div>
        </div>
        <div class="aui-bar-tab-item" tapmode="" onclick="gotopage(this)" data-item-order="3">
            <div class="aui-dot"></div>
            <i class="aui-iconfont aui-icon-my"></i>
            <div class="aui-bar-tab-label home-footer-f">我的</div>
        </div>
    </footer>
    <div style="height:52px;"></div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script src="../script/commonstyle.js"></script>
<script type="text/javascript">
    apiready = function () {
        api.parseTapmode();
    }
    var tab = new auiTab({
        element: document.getElementById("tab"),
        // callback:function(o,dom){
        //     console.log(o);
        // }
    }, function (ret) {
        document.getElementById("dk-content").style.cssText = ret.dom.id + '-content' === "dk-content" ?
            "display:display" : "display:none";
        document.getElementById("blacklist-content").style.cssText = ret.dom.id + '-content' ===
            "blacklist-content" ? "display:display" : "display:none";
        document.getElementById("jifen-content").style.cssText = ret.dom.id + '-content' === "jifen-content" ?
            "display:display" : "display:none";
    });
</script>

</html>